<template>
  <a-tabs v-model:activeKey="activeKey" style="background-color: #ffffff">
    <a-tab-pane key="0" tab="采购合同">
      <purchase-contract
        class="contract"
        ref="purchaseContractRef"
      ></purchase-contract>
    </a-tab-pane>
    <a-tab-pane key="1" tab="保修合同">
      <warranty-contract
        class="contract"
        ref="warrantyContractRef"
      ></warranty-contract>
    </a-tab-pane>
    <a-tab-pane key="2" tab="其他合同">
      <other-contract class="contract" ref="otherContractRef"></other-contract>
    </a-tab-pane>
  </a-tabs>
</template>

<script>
import { mixin } from '@/utils/mixin'
//采购合同
import PurchaseContract from './purchaseContract/PurchaseContractList.vue'
import WarrantyContract from './warrantyContract/WarrantyContractList.vue'
import OtherContract from './otherContract/OtherContractList.vue'
export default {
  name: 'DevContractTab',
  mixins: [mixin],
  components: { PurchaseContract, WarrantyContract, OtherContract },
  data() {
    return {
      activeKey: '0',
    }
  },
  computed: {},
  created() {},
  methods: {},

  watch: {},
}
</script>
<style scoped>
.contract {
  margin-top: -10px;
}
</style>
